<template>
  <div id="app">
    <div>
      <el-form :inline="true">
        <el-form-item label="标题">
          <el-input v-model="listquery.CategoryName" style="width:100px" />
        </el-form-item>

        <el-form-item label="内容">
          <el-input v-model="listquery.depth" style="width:100px" />
        </el-form-item>

        <el-button @click="search">搜索</el-button>
      </el-form>
    </div>
    <div>
      <el-row>
        <el-button type="primary" @click="AddArticleShow">添加文章</el-button>
      </el-row>
    </div>
    <el-table />
    <AddArticle
      ref="AddArticle"
      :dialog-visible="AddArticleVisible"
      @close="CloseAddArticleShow"
    />
  </div>

</template>

<script>
import AddArticle from './components/AddArticle'

export default {
  name: 'Article',
  components: { AddArticle },
  data() {
    return {
      AddArticleVisible: true,
      listquery: {}
    }
  },
  methods: {
    query() {

    },
    search() {
        alert(123)
    },
    AddArticleShow() {
       this.AddArticleVisible = true
    },
    CloseAddArticleShow() {
      this.AddArticleVisible = false
    }

  }
}
</script>
